<template>
  <view>
    <view class="block">
      <view class="row yd-flex-h-hL-vC">
        <image class="row__icon" src="~@/static/shop/shopIcon.png" />
        <text class="row__name">肯德基（惠明店）</text>
      </view>
    </view>
    <view class="block">
      <view class="row yd-flex-h-hL-vC">
        <image class="row__icon" src="~@/static/shop/address.png" />
        <text class="yd-flex-1">河南省信阳市光山县紫水街道惠民中心广场36号楼由东往西第十间</text>
        <view class="row__line"></view>
        <image class="row__icon" style="margin-right: 0" src="~@/static/my/phone.png" />
      </view>
      <view class="row yd-flex-h-hL-vC">
        <image class="row__icon" src="~@/static/shop/position.png" />
        <text class="yd-flex-1">定位店铺</text>
        <image class="row__arrow" src="~@/static/shop/arrowSmall.png" />
      </view>
    </view>
    <view class="block">
      <view class="row yd-flex-h-hL-vC">
        <image class="row__icon" src="~@/static/shop/time.png" />
        <text class="yd-flex-1">营业时间：9:00-22:00</text>
      </view>
      <view class="row yd-flex-h-hL-vC" style="border-bottom: 0;padding-bottom: 0;">
        <image class="row__icon" src="~@/static/shop/shopIconGray.png" />
        <text class="yd-flex-1">店面展示：</text>
      </view>
      <view class="row__imgbox">
        <scroll-view class="scroll-view" scroll-x="true">
          <image class="row__img" src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/5bf9da05c5154412adf7759736135987~tplv-k3u1fbpfcp-no-mark:240:240:240:160.awebp?"/>
          <image class="row__img" src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/25c5942be0624487b0da43faa64afa46~tplv-k3u1fbpfcp-no-mark:240:240:240:160.awebp?"/>
          <image class="row__img" src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/8f92f5b6e10e41a5a66fe7b6a007401a~tplv-k3u1fbpfcp-no-mark:240:240:240:160.awebp?"/>
          <image class="row__img" src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/1cb4a20912c44e68a7459b835c461af4~tplv-k3u1fbpfcp-no-mark:240:240:240:160.awebp?"/>
          <image class="row__img" src="https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a25a799a552f4cedae05a00d0eaf28d0~tplv-k3u1fbpfcp-no-mark:240:240:240:160.awebp?"/>
          <image class="row__img" src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/9dfdfdc1bf594c5cbeb185b5623cd7ef~tplv-k3u1fbpfcp-no-mark:240:240:240:160.awebp?"/>
        </scroll-view>
      </view>
    </view>
    <view class="block">
      <view class="row yd-flex-h-hL-vC">
        <image class="row__icon" src="~@/static/shop/onlineShop.png" />
        <text class="yd-flex-1">线上店铺</text>
      </view>
    </view>
    <view class="global-btn">VR视频展示</view>
  </view>
</template>

<script>
export default {

}
</script>

<style lang="scss">
.block {
  margin-bottom: 20rpx;
  background-color: #fff;
}
.row {
  width: 100%;
  min-height: 88rpx;
  box-sizing: border-box;
  padding: 12rpx 24rpx;
  color: #222222;
  font-size: 28rpx;
  box-sizing: border-box;
  border-bottom: 2rpx solid #F4F5F8;
  line-height: 1.5;
  &:last-child {
    border-bottom: none;
  }
}
.row__icon {
  min-width: 48rpx;
  width: 48rpx;
  height: 48rpx;
  margin-right: 16rpx;
}
.row__arrow {
  min-width: 40rpx;
  width: 40rpx;
  height: 40rpx;
}
.row__name {
  font-size: 30rpx;
  font-weight: bold;
}
.row__line {
  width: 2rpx;
  height: 48rpx;
  background-color: #E4E4E4;
  margin: 0 24rpx 0 32rpx;
}
.row__imgbox {
  box-sizing: border-box;
  padding: 12rpx 24rpx;
  display: flex;
}
.row__img {
  width: 182rpx;
  height: 136rpx;
  border-radius: 6rpx;
  margin-right: 16rpx;
}
.scroll-view {
  white-space: nowrap;
  width: 100%;
}
</style>
